<?php /* @var $this->table My_Html_MagicTable */ ?>
<div id="<?php echo $this->table->getId(); ?>" class="my-magic-table" style="width: 50%;"> 

    <div class="table-status"></div>

    <div class="paginator" style="display: none">
        <div class="page-info">
            Page <span class="previous-page">&lt; </span><span class="current-page">??</span> / <span class="total-pages">??</span><span class="next-page"> &gt;</span>
        </div>
        
        <div class="items-info hidden">
            You have filtered <span class="number-of-listed-items">??</span> of <span class="total-items">??</span> items.
        </div>
    </div>

    <?php if (!is_null($this->table->getTitle())): ?>  
        <span><?php echo $this->table->getTitle(); ?></span>
    <?php endif; ?>
    <div>
        <?php if (true == $this->table->getShowHeaders()): ?>
            <h3>
                <!-- YOUR HEADER HERE -->
            </h3>
        <?php endif; ?>
        <ul>
            <!-- YOUR DATA HERE -->
        </ul>
    </div>



</div>

<script type="text/javascript">
    $(function()
    {
        if (undefined == window.tables ) window.tables= {};
        window.tables['<?php echo $this->table->getId(); ?>'] = new My_Widget_Table('#<?php echo $this->table->getId(); ?>', 
        '<?php echo $this->table->getUrl(); ?>', 
<?php echo $this->table->getOptions(true); ?>);
        
    });
</script>
